Micron Document
<!DOCTYPE html>
<html class="client-nojs vector-feature-language-in-header-enabled vector-feature-language-in-main-page-header-disabled vector-feature-page-tools-pinned-disabled vector-feature-toc-pinned-clientpref-0 vector-toc-not-available vector-feature-main-menu-pinned-disabled vector-feature-limited-width-clientpref-1 vector-feature-limited-width-content-enabled vector-feature-custom-font-size-clientpref-1 vector-feature-appearance-pinned-clientpref-0 skin-theme-clientpref-day vector-sticky-header-enabled" lang="de" dir="ltr"><head>
<meta charset="UTF-8">
<title>Yahoo User Interface Library</title>
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link rel="icon" type="image/png" href="./_res_/favicon.png">
<link rel="canonical" href="https://de.wikipedia.org/wiki/Yahoo_User_Interface_Library"> <link href="./_mw_/ext.cite.styles.css" rel="stylesheet" type="text/css">
<link href="./_mw_/ext.wikimediamessages.styles.css" rel="stylesheet" type="text/css">
<link href="./_mw_/skins.vector.icons.css" rel="stylesheet" type="text/css">
<link href="./_mw_/skins.vector.search.codex.styles.css" rel="stylesheet" type="text/css">
<link href="./_mw_/skins.vector.styles.css" rel="stylesheet" type="text/css">
<meta name="ResourceLoaderDynamicStyles" content="">
<link href="./_mw_/ext.gadget.citeRef.css" rel="stylesheet" type="text/css">
<link href="./_mw_/ext.gadget.defaultPlainlinks.css" rel="stylesheet" type="text/css">
<link href="./_mw_/ext.gadget.dewikiCommonHide.css" rel="stylesheet" type="text/css">
<link href="./_mw_/ext.gadget.dewikiCommonLayout.css" rel="stylesheet" type="text/css">
<link href="./_mw_/ext.gadget.dewikiCommonStyle.css" rel="stylesheet" type="text/css">
<link href="./_mw_/ext.gadget.dewikiDarkmode.css" rel="stylesheet" type="text/css">
<link href="./_mw_/ext.gadget.dewikiResponsive.css" rel="stylesheet" type="text/css">
<link href="./_mw_/ext.gadget.specialSearch.css" rel="stylesheet" type="text/css">
<link rel="stylesheet" type="text/css" href="./_mw_/site.styles.css">
<link rel="stylesheet" type="text/css" href="./_mw_/noscript.css">
<link rel="stylesheet" type="text/css" href="./_res_/footer.css">
<link rel="stylesheet" type="text/css" href="./_res_/vector-2022.css">
</head>
<body class="skin--responsive skin-vector skin-vector-search-vue mediawiki ltr sitedir-ltr mw-hide-empty-elt ns-0 ns-subject page-Yahoo_User_Interface_Library rootpage-Yahoo_User_Interface_Library skin-vector-2022 action-view">
<div class="mw-page-container">
<div class="mw-page-container-inner">
<div class="mw-content-container">
<main id="content" class="mw-body">
<header class="mw-body-header vector-page-titlebar">
<h1 id="firstHeading" class="firstHeading mw-first-heading"><span class="mw-page-title-main">Yahoo User Interface Library</span></h1>
</header>
<a id="top"></a>
<div id="bodyContent" class="vector-body ve-init-mw-desktopArticleTarget-targetContainer" aria-labelledby="firstHeading" data-mw-ve-target-container="">
<div id="contentSub">
<div id="mw-content-subtitle"></div>
</div>
<div id="mw-content-text" class="mw-body-content mw-content-ltr" lang="de" dir="ltr"><div class="mw-content-ltr mw-parser-output" lang="de" dir="ltr">
<table class="float-right infobox toccolours toptextcells" style="border-spacing:5px; font-size:90%; text-align:left; width:21em;">

<tbody><tr>
<th colspan="2" class="hintergrundfarbe6" style="font-size:105%; text-align:center;">Yahoo User Interface Library
<p class="mw-empty-elt">
</p>
</th></tr>
<tr>
<td colspan="2" class="notheme" style="text-align:center; background-color:#f8f9fa;"><span class="mw-default-size" typeof="mw:File"></span>
</td></tr>
<tr>
<th colspan="2" class="hintergrundfarbe5" style="font-size:105%; text-align:center;">Basisdaten
<p class="mw-empty-elt">
</p>
</th></tr>
<tr>
<td><b><a href="Softwareentwickler" title="Softwareentwickler">Entwickler</a></b>
</td>
<td><a href="Altaba#Unternehmensgeschichte" title="Altaba">Yahoo</a>
</td></tr>
<tr>
<td><b>Aktuelle&nbsp;<a href="Version_(Software)" title="Version (Software)">Version</a></b>
</td>
<td><span class="wikidata-content">3.18.1<sup id="cite_ref-_35365ceba9813ecf_1-0" class="reference"><a href="#cite_note-_35365ceba9813ecf-1"><span class="cite-bracket">[</span>1<span class="cite-bracket">]</span></a></sup></span> <br> (<span class="wikidata-content">22. Oktober 2014</span>)
</td></tr>
<tr>
<td><b><a href="Betriebssystem" title="Betriebssystem">Betriebssystem</a></b>
</td>
<td><a href="JavaScript" title="JavaScript">JavaScript</a>-Interpreter
</td></tr>
<tr>
<td><b><a href="Programmiersprache" title="Programmiersprache">Programmier­sprache</a></b>
</td>
<td><a href="JavaScript" title="JavaScript">JavaScript</a>
</td></tr>
<tr>
<td><b>Lizenz</b>
</td>
<td><a href="BSD-Lizenz" title="BSD-Lizenz">BSD-Lizenz</a>
</td></tr>
<tr>
<td class="hintergrundfarbe5" colspan="2" style="text-align:center;"><a rel="nofollow" class="external text" href="http://developer.yahoo.com/yui/">developer.yahoo.com/yui</a>
</td></tr></tbody></table>
<p>Die <b>Yahoo User Interface Library</b> (<b>YUI&nbsp;Library</b>) ist ein <a href="Freie_Software" title="Freie Software">freies</a> <a href="JavaScript" title="JavaScript">JavaScript</a>-<a href="Webframework" title="Webframework">Webframework</a> zur Erstellung von interaktiven <a href="Webanwendung" title="Webanwendung">Webanwendungen</a>. Techniken wie <a href="Ajax_(Programmierung)" title="Ajax (Programmierung)">Ajax</a> und <a href="Dynamic_HTML" class="mw-redirect" title="Dynamic HTML">Dynamic HTML</a> werden dabei benutzt. YUI ist unter einer <a href="BSD-Lizenz" title="BSD-Lizenz">BSD-Lizenz</a> erhältlich.<sup id="cite_ref-2" class="reference"><a href="#cite_note-2"><span class="cite-bracket">[</span>2<span class="cite-bracket">]</span></a></sup>
</p>

<div class="mw-heading mw-heading2"><h2 id="Funktionen">Funktionen</h2></div>
<p>YUI bietet vielfältige Funktionen und ist zur besseren Übersicht in verschiedene Bereiche gegliedert<sup id="cite_ref-3" class="reference"><a href="#cite_note-3"><span class="cite-bracket">[</span>3<span class="cite-bracket">]</span></a></sup>. Die übergeordneten Komponenten der Version&nbsp;3 sind <i>Core</i>, <i>Infrastructure</i>, <i>Developer Tools</i>, <i>Utilities</i>, <i>CSS</i> und <i>Widgets</i>.
</p><p>Die <i>Core</i>-Komponente bietet grundlegende Möglichkeiten des <a href="Document_Object_Model" title="Document Object Model">DOM</a>-Scriptings und die Arbeit mit Events wie Mausklicks oder Tastaturanschlägen. <i>Infrastructure</i> stellt mehrere YUI-Basisklassen zur Verfügung.
</p><p>Die <i>Developer Tools</i> beinhalten eine Konsole, über die Nachrichten des YUI-eigenen <a href="Logging" title="Logging">Loggings</a> ausgegeben werden können, sowie einen <a href="Profiler_(Programmierung)" title="Profiler (Programmierung)">Profiler</a> und die Möglichkeit, <a href="Unit_Test" class="mw-redirect" title="Unit Test">Unit Tests</a> für JavaScript-Code zu erstellen.
</p><p><i>Utilities</i> beinhaltet eine Vielzahl unterschiedlicher Hilfsfunktionen. Beispiele hierfür sind ein Rich Text Editor, die Unterstützung von <a href="Drag_and_Drop" title="Drag and Drop">drag and Drop</a>, der Resizer mit dem Blockelemente als im Browser vom Anwender frei skalierbar definiert werden können, oder die Funktionen für die Arbeit mit dem Datenaustauschformat <a href="JSON" title="JSON">JSON</a>.
</p><p>Die Komponente <i>CSS</i> zielt auf die Arbeit mit <a href="Cascading_Style_Sheets" title="Cascading Style Sheets">Cascading Style Sheets</a> ab. Sie bietet in erster Linie ein <a href="Reset-Stylesheet" title="Reset-Stylesheet">Reset-Stylesheet</a> durch YUIs einheitliche Stilvorgaben an, so dass individuelle Anpassungen einfacher werden.
</p><p><i>Widgets</i> bietet fertige, anpassbare Seitenelemente wie einen Kalender zur Datumsauswahl oder ein Slider-Element, das die Werteauswahl für den Benutzer gegenüber den herkömmlichen <a href="HTML" class="mw-redirect" title="HTML">HTML</a>-Formularelementen vereinfachen kann.
</p>
<div class="mw-heading mw-heading2"><h2 id="Browserkompatibilität"><span id="Browserkompatibilit.C3.A4t"></span>Browserkompatibilität</h2></div>
<p>Die YUI-Entwickler entwickeln das Framework unter der Maßgabe, dass es in möglichst vielen Browsern anwendbar sein soll<sup id="cite_ref-4" class="reference"><a href="#cite_note-4"><span class="cite-bracket">[</span>4<span class="cite-bracket">]</span></a></sup>, und verfolgen dazu eine Strategie für „graded browser support“<sup id="cite_ref-5" class="reference"><a href="#cite_note-5"><span class="cite-bracket">[</span>5<span class="cite-bracket">]</span></a></sup>.
</p>
<div class="mw-heading mw-heading2"><h2 id="Auslieferung">Auslieferung</h2></div>
<p>Für den produktiven Einsatz können einige Versionen von YUI über die <a href="Content_Delivery_Network" title="Content Delivery Network">Content Delivery Networks</a> von Yahoo oder Google ausgeliefert werden<sup id="cite_ref-6" class="reference"><a href="#cite_note-6"><span class="cite-bracket">[</span>6<span class="cite-bracket">]</span></a></sup>, je nach Anbieter und Variante auch mit verschlüsselter Übertragung oder in komprimierter Form.
</p>
<div class="mw-heading mw-heading2"><h2 id="Geschichte">Geschichte</h2></div>
<p>Das YUI-Library-Projekt wurde von Thomas Sha gegründet und intern von Yahoo-Mitbegründer <a href="Jerry_Yang_(Unternehmer)" title="Jerry Yang (Unternehmer)">Jerry Yang</a> finanziert.
Die Entwicklung begann im Jahre 2005 und Yahoo-Dienste wie My Yahoo und die Yahoo-Website begannen im Sommer desselben Jahres YUI zu nutzen. Im Februar 2006 wurde es unter der BSD-Lizenz freigegeben.<sup id="cite_ref-7" class="reference"><a href="#cite_note-7"><span class="cite-bracket">[</span>7<span class="cite-bracket">]</span></a></sup>
</p><p>Zu Beginn wurde YUI von Yahoo intern weiter entwickelt. Seit Januar 2009<sup id="cite_ref-8" class="reference"><a href="#cite_note-8"><span class="cite-bracket">[</span>8<span class="cite-bracket">]</span></a></sup> kann auch die Entwickler-<a href="Online-Community" title="Online-Community">Community</a> an YUI mit Hilfe von <a href="GitHub" title="GitHub">GitHub</a><sup id="cite_ref-9" class="reference"><a href="#cite_note-9"><span class="cite-bracket">[</span>9<span class="cite-bracket">]</span></a></sup> zur Weiterentwicklung beitragen. Im September 2009 wurde die neu entwickelte Version&nbsp;3 veröffentlicht.
</p><p>Im August 2014 kündigte Yahoo an, die Weiterentwicklung von YUI nicht länger zu unterstützen.<sup id="cite_ref-10" class="reference"><a href="#cite_note-10"><span class="cite-bracket">[</span>10<span class="cite-bracket">]</span></a></sup>
</p>
<div class="mw-heading mw-heading2"><h2 id="YUI_Theater">YUI Theater</h2></div>
<p>Das <i>YUI Theater</i> ist ein von Eric Miraglia organisiertes Bildungsprogramm, das in über 50 von namhaften Personen wie Nicholas Zakas, John Resig oder Douglas Crockford gehaltenen Vorträgen Wissenswertes über JavaScript und Web-Entwicklung bereitstellt. Entstanden ist es als Vortragsreihe rund um YUI, befasst sich aber mittlerweile mehr mit allgemeinen Themen rund um JavaScript.
</p>
<div class="mw-heading mw-heading2"><h2 id="Weblinks">Weblinks</h2></div>
<ul><li><a rel="nofollow" class="external text" href="http://developer.yahoo.com/yui">Offizielle Webpräsenz</a></li>
<li><a rel="nofollow" class="external text" href="http://yuilibrary.com/theater/">Yui Theater auf YUIlibrary.com</a></li></ul>
<div class="mw-heading mw-heading2"><h2 id="Einzelnachweise">Einzelnachweise</h2></div>
<ol class="references">
<li id="cite_note-_35365ceba9813ecf-1"><span class="mw-cite-backlink"><a href="#cite_ref-_35365ceba9813ecf_1-0">↑</a></span> <span class="reference-text"><a rel="nofollow" class="external text" href="https://github.com/yui/yui3/releases/tag/v3.18.1"><cite style="font-style:italic"><span lang="en">Release 3.18.1</span></cite>.</a> 22.&nbsp;Oktober 2014 (abgerufen am 19.&nbsp;September 2018).</span>
</li>
<li id="cite_note-2"><span class="mw-cite-backlink"><a href="#cite_ref-2">↑</a></span> <span class="reference-text"><style data-mw-deduplicate="TemplateStyles:r261891140">
/* start https://de.wikipedia.org/ */


.mw-parser-output .webarchiv-memento a{color:inherit}


/* end https://de.wikipedia.org/ */
</style><a rel="nofollow" class="external text" href="https://web.archive.org/web/20091223043733/http://developer.yahoo.com/yui/license.html">developer.yahoo.com/yui/license.html</a> (<span class="webarchiv-memento"><a href="Webarchivierung#Begrifflichkeiten" title="Webarchivierung">Memento</a></span> vom 23. Dezember 2009 im <i><a href="Internet_Archive" title="Internet Archive">Internet Archive</a></i>)</span>
</li>
<li id="cite_note-3"><span class="mw-cite-backlink"><a href="#cite_ref-3">↑</a></span> <span class="reference-text"><a rel="nofollow" class="external free" href="http://yuilibrary.com/yui/docs/guides/">http://yuilibrary.com/yui/docs/guides/</a></span>
</li>
<li id="cite_note-4"><span class="mw-cite-backlink"><a href="#cite_ref-4">↑</a></span> <span class="reference-text"><a rel="nofollow" class="external free" href="http://yuilibrary.com/yui/docs/tutorials/faq/#does-yui-work-in-all-web-browsers">http://yuilibrary.com/yui/docs/tutorials/faq/#does-yui-work-in-all-web-browsers</a></span>
</li>
<li id="cite_note-5"><span class="mw-cite-backlink"><a href="#cite_ref-5">↑</a></span> <span class="reference-text"><a rel="nofollow" class="external free" href="http://yuilibrary.com/yui/docs/tutorials/gbs/">http://yuilibrary.com/yui/docs/tutorials/gbs/</a></span>
</li>
<li id="cite_note-6"><span class="mw-cite-backlink"><a href="#cite_ref-6">↑</a></span> <span class="reference-text"><a rel="nofollow" class="external free" href="http://yuilibrary.com/yui/docs/tutorials/faq/#is-yui-3-on-the-google-cdn">http://yuilibrary.com/yui/docs/tutorials/faq/#is-yui-3-on-the-google-cdn</a></span>
</li>
<li id="cite_note-7"><span class="mw-cite-backlink"><a href="#cite_ref-7">↑</a></span> <span class="reference-text"><a rel="nofollow" class="external text" href="https://web.archive.org/web/20080611093629/http://yuiblog.com/blog/2006/02/13/the-yahoo-user-interface-library/">YUI was released for public use</a> (<span class="webarchiv-memento"><a href="Webarchivierung#Begrifflichkeiten" title="Webarchivierung">Memento</a></span> des <style data-mw-deduplicate="TemplateStyles:r250917974">
/* start https://de.wikipedia.org/ */


.mw-parser-output .dewiki-iconexternal>a{background-position:center right!important;background-repeat:no-repeat!important}body.skin-minerva .mw-parser-output .dewiki-iconexternal>a{background-image:url("./_mw_/OOjs_UI_icon_external-link-ltr-progressive.svg")!important;background-size:10px!important;padding-right:13px!important}body.skin-timeless .mw-parser-output .dewiki-iconexternal>a,body.skin-monobook .mw-parser-output .dewiki-iconexternal>a{background-image:url("./_mw_/MediaWiki_external_link_icon.svg")!important;padding-right:13px!important}body.skin-vector .mw-parser-output .dewiki-iconexternal>a{background-image:url("./_mw_/Link.ernal-small-ltr-progressive.svg")!important;background-size:0.857em!important;padding-right:1em!important}


/* end https://de.wikipedia.org/ */
</style><span class="dewiki-iconexternal"><a class="external text" href="https://redirecter.toolforge.org/?url=http%3A%2F%2Fyuiblog.com%2Fblog%2F2006%2F02%2F13%2Fthe-yahoo-user-interface-library%2F">Originals</a></span> vom 11. Juni 2008 im <i><a href="Internet_Archive" title="Internet Archive">Internet Archive</a></i>) <small class="archiv-bot"><span class="wp_boppel noviewer" aria-hidden="true" role="presentation"><span typeof="mw:File"><span title="i"></span></span></span>&nbsp;<b>Info:</b> Der Archivlink wurde automatisch eingesetzt und noch nicht geprüft. Bitte prüfe Original- und Archivlink gemäß Anleitung und entferne dann diesen Hinweis.</small><span style="display:none"><a rel="nofollow" class="external text" href="http://IABotmemento.invalid/http://yuiblog.com/blog/2006/02/13/the-yahoo-user-interface-library/">@1</a></span><span style="display:none"><a rel="nofollow" class="external text" href="http://yuiblog.com/blog/2006/02/13/the-yahoo-user-interface-library/">@2</a></span><span style="display:none">Vorlage:Webachiv/IABot/yuiblog.com</span></span>
</li>
<li id="cite_note-8"><span class="mw-cite-backlink"><a href="#cite_ref-8">↑</a></span> <span class="reference-text"><a rel="nofollow" class="external text" href="https://web.archive.org/web/20091226023222/http://www.yuiblog.com/blog/2009/01/14/github/">YUIBlog GitHub</a> (<span class="webarchiv-memento"><a href="Webarchivierung#Begrifflichkeiten" title="Webarchivierung">Memento</a></span> des <span class="dewiki-iconexternal"><a class="external text" href="https://redirecter.toolforge.org/?url=http%3A%2F%2Fwww.yuiblog.com%2Fblog%2F2009%2F01%2F14%2Fgithub%2F">Originals</a></span> vom 26. Dezember 2009 im <i><a href="Internet_Archive" title="Internet Archive">Internet Archive</a></i>) <small class="archiv-bot"><span class="wp_boppel noviewer" aria-hidden="true" role="presentation"><span typeof="mw:File"><span title="i"></span></span></span>&nbsp;<b>Info:</b> Der Archivlink wurde automatisch eingesetzt und noch nicht geprüft. Bitte prüfe Original- und Archivlink gemäß Anleitung und entferne dann diesen Hinweis.</small><span style="display:none"><a rel="nofollow" class="external text" href="http://IABotmemento.invalid/http://www.yuiblog.com/blog/2009/01/14/github/">@1</a></span><span style="display:none"><a rel="nofollow" class="external text" href="http://www.yuiblog.com/blog/2009/01/14/github/">@2</a></span><span style="display:none">Vorlage:Webachiv/IABot/www.yuiblog.com</span></span>
</li>
<li id="cite_note-9"><span class="mw-cite-backlink"><a href="#cite_ref-9">↑</a></span> <span class="reference-text"><a rel="nofollow" class="external text" href="https://github.com/yui/">GitHub</a></span>
</li>
<li id="cite_note-10"><span class="mw-cite-backlink"><a href="#cite_ref-10">↑</a></span> <span class="reference-text"><a rel="nofollow" class="external free" href="https://yahooeng.tumblr.com/post/96098168666/important-announcement-regarding-yui">http://yahooeng.tumblr.com/post/96098168666/important-announcement-regarding-yui</a></span>
</li>
</ol></div><!--htdig_noindex--><div><div class="zim-footer">
Dieser Artikel wurde von <a class="external text" title="Zuletzt bearbeitet am 2025-01-09" href="https://de.wikipedia.org/wiki/?title=Yahoo_User_Interface_Library&amp;oldid=252096522">Wikipedia</a> herausgegeben. Der Text ist unter <a class="external text" href="https://creativecommons.org/licenses/by-sa/4.0/deed.de">Creative Commons Attribution-Share Alike 4.0</a> verfügbar, sofern nicht anders angegeben. Für die Mediendateien können zusätzliche Bedingungen gelten.
</div>
</div><!--/htdig_noindex--></div>
</div>
</main>
</div>
</div>
</div>
<script src="./_webp_/webpHandler.js"></script>

</body></html>